
@extends( 'Admin.common.header' )

<!--  添加meta csrf_token -->
<meta name="csrf-token" content="{{ csrf_token() }}">  

<script src=" {{ asset('/js/jquery-1.8.3.min.js') }} "></script>
<script>
	<!-- 2.设置全局ajax选项 -->
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
	});
	var _token = $('meta[name="csrf-token"]').attr('content');

	$(function(){
		
		// 一进入页面
		var pic_url = $("input[name='pic_url']").val();
		// 有图片地址 就显示
		if( pic_url!='' )
		{
			// 赋值
			$("#show_pic").attr('src',pic_url);
			// 显示
			$("#show_pic").css('display','block');
		}else
		{
			// 隐藏
			$("#show_pic").css('display','none');
		}
		
		// 图片地址 输入框失焦
		$("input[name='pic_url']").blur(function(){
			// 获取内容
			var pic_url = $(this).val();
			// 有图片地址 就显示
			if( pic_url!='' )
			{
				// 赋值
				$("#show_pic").attr('src',pic_url);
				// 显示
				$("#show_pic").css('display','block');
			}else
			{
				// 隐藏
				$("#show_pic").css('display','none');
			}
		})
		
		// 点击 创建 编辑
		$("button").click(function(){

			var shuId = $("#picEdit").attr('shuId');
			if( shuId!='' )
			{
				// 编辑
				var url ="{{ url('/shuffling/docreate') }}"+'/'+shuId;
			}else
			{
				// 创建
				var url ="{{ url('/shuffling/docreate') }}";
			}

			// 获取 图片地址
			var pic_url = $("input[name='pic_url']").val();
			// 获取 链接地址
			var next_url = $("input[name='next_url']").val();
			$.ajax({
				type:"post",
				url:url,
				data:{pic_url:pic_url,next_url:next_url,_token:_token},
				async:true,    						
				dataType:"json",
				success:function(bb){
					$('#show_info').html( '' );
					$('#show_info').html( bb['show_info'] );
					location.reload();
				}
			});
		});

	});
</script>

<body style="background-color:#7A7A7A;">

<div id="picEdit" picUrl="{{ $shuffling_info->pic_url or ''  }}"  shuId = "{{ $shuffling_info->id or ''  }}"></div>

<div style="margin-top:10%;margin-left:5%;color:#FFFFFF;width:98%;margin-bottom:70px;" class="form-horizontal">
	
	<br/>
		<!-- 页面标记 -->
		<h3 style='color:white;margin-left:122px;margin-top:-30px;color:#D1EEEE' >
			{{ $title or '' }}
		</h3>
	<br/>
	
	<!-- 图片地址 -->
	<div    class="form-group">
		<label class="col-sm-2 control-label">图片地址</label>
		<div class="col-sm-10">
			<input type="text" name="pic_url"  value="{{ $shuffling_info->pic_url or '' }}" style="width:300px;"  class="form-control"  placeholder="图片地址" />
		</div>
	</div>
	
	<!-- 图片显示 -->
	<img src="" style="margin-left:215px;height:200px;display:none;margin-bottom:20px;" id="show_pic" >
	
	
	
	<!-- 链接地址 -->
	<div  class="form-group">
		<label class="col-sm-2 control-label">链接地址</label>
		<div class="col-sm-10">
			<input type="text" name="next_url" value="{{ $shuffling_info->next_url or '' }}" style="width:300px;"  class="form-control"   placeholder="链接地址" />
		</div>
	</div>

	
	
	<!-- 背景图片 -->
	<div style="position:absolute;left:58%;top:26%;">
		<img src="{{ asset('./images/logo.png') }}" alt="" />
	</div>
	
	<br/>


	

	
	@if( isset($shuffling_info) )
		<!-- 编辑 -->
		<button  style="width:25%;;margin-left:15%;" data-toggle="modal" data-target=".bs-example-modal-sm" class="btn btn-danger" >
			修改
		</button>
	@else
		<!-- 创建 -->
		<button  style="width:25%;;margin-left:15%;" data-toggle="modal" data-target=".bs-example-modal-sm" class="btn btn-danger" >
			添加
		</button>
	@endif
	
	<div  class="form-group" style="margin-top:20px;">
		<a href="{{ url('/shuffling/index') }}" style="width:24.5%;margin-left:15.8%;" class="btn btn-success">
			列表
		</a>
	</div>
	
	<!--  模态框 不要动 -->
	<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
		<div class="modal-dialog modal-sm" role="document" id='show_info'  style="margin-top:80px;margin-left:570px;">
		</div>
	</div>

</div>

</body>

@extends('Admin.common.footer')